<template>
  <div class="no-data">
    <div class="no-data-icon">
      <icon type="info-circle"></icon>
    </div>
    <div class="no-data-message">
      <slot name="message">暂无数据</slot>
    </div>
  </div>
</template>
<style lang="less">
  .no-data {
    position: absolute;
    width: 100vw !important;
    // height: 100vh !important;
    left: 0;
    // top: 0;
    font-size: 13px;
    text-align: center;
    /*border-bottom: 6px solid #F3F3F3;*/
    background: #fff;
    // z-index: 0;
    .no-data-message {
      color: #999;
    }
    .weui-icon-info-circle {
      color: lighten(gray, 20%)
    }
    .no-data-icon{
      margin-top: 50%;
      margin-bottom: 10px;
    }
  }
</style>
